<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <base href="<%=basePath%>">
    <link type="text/css" rel="stylesheet" href="<%=request.getContextPath() %>/styles/global.css" />
	<link type="text/css" rel="stylesheet" href="<%=request.getContextPath() %>/styles/global_color.css" />
    <title>My JSP 'service_modi.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript"  src="js/prototype-1.6.0.3.js" ></script>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.validate.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/messages_zh.js"></script>
	<script language="javascript" type="text/javascript">
            //保存结果的提示
            function showResult() {
                showResultDiv(true);
                window.setTimeout("showResultDiv(false);", 3000);
            }
            function showResultDiv(flag) {
                var divResult = document.getElementById("save_result_info");
                if (flag)
                    divResult.style.display = "block";
                else
                    divResult.style.display = "none";
            }

            //切换资费类型
            function feeTypeChange(type) {
                var inputArray = document.getElementById("main").getElementsByTagName("input");
                if (type == 1) {
                    inputArray[5].readonly = true;
                    inputArray[5].value = "";
                    inputArray[5].className += " readonly";
                    inputArray[6].readonly = false;
                    inputArray[6].className = "width100";
                    inputArray[7].readonly = true;
                    inputArray[7].className += " readonly";
                    inputArray[7].value = "";
                }
                else if (type == 2) {
                    inputArray[5].readonly = false;
                    inputArray[5].className = "width100";
                    inputArray[6].readonly = false;
                    inputArray[6].className = "width100";
                    inputArray[7].readonly = false;
                    inputArray[7].className = "width100";
                }
                else if (type == 3) {
                    inputArray[5].readonly = true;
                    inputArray[5].value = "";
                    inputArray[5].className += " readonly";
                    inputArray[6].readonly = true;
                    inputArray[6].value = "";
                    inputArray[6].className += " readonly";
                    inputArray[7].readonly = false;
                    inputArray[7].className = "width100";
                }
            }
        </script>
  </head>
  
  <body>
 
<div id="header">
<img src="../images/logo.png" tppabs="http://demo.mycodes.net/houtai/isoakJavaDemoSystem/images/logo.png" alt="logo" class="left"/>
<a href="#">[退出]</a>
</div>
 
 
<div id="navi">
<%@include file="/jsp/commen/menu.jsp" %>
</div>
 
 
<div id="main">
<div id="save_result_info" class="save_success">保存成功！</div>
<form action="" method="" class="main_form">
<div class="text_info clearfix"><span>资费ID：</span></div>
<div class="input_info"><input type="text" class="readonly" readonly value="1"/></div>
<div class="text_info clearfix"><span>资费名称：</span></div>
<div class="input_info">
<input type="text" class="width300" value="包 20 小时"/>
<span class="required">*</span>
<div class="validate_msg_short">50长度的字母、数字、汉字和下划线的组合</div>
</div>
<div class="text_info clearfix"><span>资费类型：</span></div>
<div class="input_info fee_type">
<input type="radio" name="radFeeType" id="monthly" onClick="feeTypeChange(1);"/>
<label for="monthly">包月</label>
<input type="radio" name="radFeeType" checked="checked" id="package" onClick="feeTypeChange(2);"/>
<label for="package">套餐</label>
<input type="radio" name="radFeeType" id="timeBased" onClick="feeTypeChange(3);"/>
<label for="timeBased">计时</label>
</div>
<div class="text_info clearfix"><span>基本时长：</span></div>
<div class="input_info">
<input type="text" value="" class="width100"/>
<span class="info">小时</span>
<span class="required">*</span>
<div class="validate_msg_long">1-600之间的整数</div>
</div>
<div class="text_info clearfix"><span>基本费用：</span></div>
<div class="input_info">
<input type="text" value="" class="width100"/>
<span class="info">元</span>
<span class="required">*</span>
<div class="validate_msg_long">0-99999.99之间的数值</div>
</div>
<div class="text_info clearfix"><span>单位费用：</span></div>
<div class="input_info">
<input type="text" value="" class="width100"/>
<span class="info">元/小时</span>
<span class="required">*</span>
<div class="validate_msg_long">0-99999.99之间的数值</div>
</div>
<div class="text_info clearfix"><span>资费说明：</span></div>
<div class="input_info_high">
<textarea class="width300 height70">没有启用的资费，可以修改除 ID 以外的所有信息
                    </textarea>
<div class="validate_msg_short">100长度的字母、数字、汉字和下划线的组合</div>
</div>
<div class="button_info clearfix">
<input type="button" value="保存" class="btn_save" onClick="showResult();"/>
<input type="button" value="取消" class="btn_save"/>
</div>
</form>
</div>
 
<div id="footer">
<span>[源自橡树的技术，最优秀的师资，最真实的企业环境，最适用的实战项目]</span>
<br/>
<span>版权所有(C)橡树信息科技有限公司 </span>
</div>
</body>
</html>
